﻿
@{
    Layout = null;
    ViewData["Title"] = "ChaKanYeMian";
}
<script src="~/js/vue.js"></script>
<script src="~/js/axios.js"></script>
<script src="~/element-ui/lib/index.js"></script>
<link rel="stylesheet" href="~/element-ui/lib/theme-chalk/index.css" />
<div id="app">
	<table width="90%">
		<tr>
			<td>
				<font color="black">您正在做的业务是：人力资源--人力资源档案管理--人力资源档案复核 </font>
			</td>
		</tr>
		<tr>
			<td align="right">
				<el-button type="primary" size="small" v-on:click="FanHui()">返回</el-button>
			</td>
		</tr>
	</table>

	<table width="90%" border="1" cellpadding=3 cellspacing=1
		   bordercolorlight=#848284 bordercolordark=#eeeeee
		   class="TABLE_STYLE1">
		<tr>
			<td class="TD_STYLE1">
				档案编号
			</td>
			<td colspan="6" class="TD_STYLE2">
				<el-input v-model="human_id" readonly></el-input>
			</td>
		</tr>
		<tr>
			<td class="TD_STYLE1" width="11%">
				I级机构
			</td>
			<td width="14%" class="TD_STYLE2">
				<el-input v-model="first_kind_name" readonly></el-input>
			</td>
			<td class="TD_STYLE1" width="11%">
				II级机构
			</td>
			<td width="14%" class="TD_STYLE2">
				<el-input v-model="second_kind_name" readonly></el-input>
			</td>
			<td class="TD_STYLE1" width="11%">
				III级机构
			</td>
			<td width="14%" class="TD_STYLE2">
				<el-input v-model="third_kind_name" readonly></el-input>
			</td>
		</tr>
		<tr>
			<td class="TD_STYLE1">
				职位分类
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="human_major_kind_name" readonly></el-input>
			</td>
			<td class="TD_STYLE1">
				职位名称
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="human_major_name" readonly></el-input>
			</td>
			<td class="TD_STYLE1">
				职称
			</td>
			<td colspan="2" class="TD_STYLE2">
				<el-input v-model="human_pro_designation" readonly></el-input>
			</td>
			<td rowspan="4" style="text-align: center;">
				<el-upload class="avatar-uploader"
						   action="/RenLiZiYuanDangAnGuanLi/Img"
						   :show-file-list="false"
						   @*:on-success="handleAvatarSuccess"*@
						   @*:before-upload="beforeAvatarUpload"*@>
					<img v-if="imageUrl" :src="imageUrl" class="avatar">
					<i v-else class="el-icon-plus avatar-uploader-icon"></i>
				</el-upload>
			</td>
		</tr>
		<tr>
			<td class="TD_STYLE1">
				姓名
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="human_name" readonly></el-input>
			</td>
			<td class="TD_STYLE1">
				性别
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="human_sex" readonly></el-input>
			</td>
			<td class="TD_STYLE1">
				EMAIL
			</td>
			<td colspan="2" class="TD_STYLE2">
				<el-input v-model="human_email" readonly></el-input>
			</td>
		</tr>
		<tr>
			<td class="TD_STYLE1">
				电话
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="human_telephone" readonly></el-input>
			</td>
			<td class="TD_STYLE1">
				QQ
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="human_qq" readonly></el-input>
			</td>
			<td class="TD_STYLE1">
				手机
			</td>
			<td colspan="2" class="TD_STYLE2">
				<el-input v-model="human_mobilephone" readonly></el-input>
			</td>
		</tr>
		<tr>
			<td class="TD_STYLE1">
				住址
			</td>
			<td colspan="3" class="TD_STYLE2">
				<el-input v-model="human_address" readonly></el-input>
			</td>
			<td class="TD_STYLE1">
				邮编
			</td>
			<td colspan="2" class="TD_STYLE2">
				<el-input v-model="human_postcode" readonly></el-input>
			</td>
		</tr>
		<tr>
			<td class="TD_STYLE1">
				国籍
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="human_nationality" readonly></el-input>
			</td>
			<td class="TD_STYLE1">
				出生地
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="human_birthplace" readonly></el-input>
			</td>
			<td class="TD_STYLE1">
				生日
			</td>
			<td width="13%" class="TD_STYLE2">
				<el-input v-model="human_birthday" readonly></el-input>
			</td>
			<td width="11%" class="TD_STYLE1">
				民族
			</td>
			<td class="TD_STYLE2" width="14%">
				<el-input v-model="human_race" readonly></el-input>
			</td>
		</tr>
		<tr>
			<td class="TD_STYLE1">
				宗教信仰
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="human_religion" readonly></el-input>
			</td>
			<td class="TD_STYLE1">
				政治面貌
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="human_party" readonly></el-input>
			</td>
			<td class="TD_STYLE1">
				身份证号码
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="human_id_card" v-on:blur="getAge()"></el-input>
			</td>
			<td class="TD_STYLE1">
				社会保障号码
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="human_society_security_id" class="INPUT_STYLE2" readonly></el-input>
			</td>
		</tr>
		<tr>
			<td class="TD_STYLE1">
				年龄
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="human_age" readonly="readonly"></el-input>
			</td>
			<td class="TD_STYLE1">
				学历
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="human_educated_degree" readonly></el-input>
			</td>
			<td class="TD_STYLE1">
				教育年限
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="human_educated_years" readonly></el-input>
			</td>
			<td class="TD_STYLE1">
				学历专业
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="human_educated_major" readonly></el-input>
			</td>
		</tr>
		<tr>
			<td class="TD_STYLE1">
				薪酬标准
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="salary_standard_name" readonly></el-input>
			</td>
			<td class="TD_STYLE1">
				开户行
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="human_bank" readonly></el-input>
			</td>
			<td class="TD_STYLE1">
				帐号
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="human_account" readonly></el-input>
			</td>
			<td class="TD_STYLE1">
				复核人
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="checker" readonly></el-input>
			</td>
		</tr>
		<tr>
			<td class="TD_STYLE1">
				复核时间
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="check_time" readonly></el-input>
			</td>
			<td class="TD_STYLE1">
				特长
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="human_speciality" readonly></el-input>
			</td>
			<td class="TD_STYLE1">
				爱好
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="human_hobby" readonly></el-input>
			</td>
			<td class="TD_STYLE1">
				&nbsp;
			</td>
			<td class="TD_STYLE2">
				&nbsp;
		</tr>
		<tr>
			<td class="TD_STYLE1">
				档案附件
			</td>
			<td colspan="7" class="TD_STYLE2">
				<a :href=href>{{fujian}}</a>
			</td>
		</tr>
		<tr>
			<td class="TD_STYLE1">
				个人履历
			</td>
			<td colspan="7" class="TD_STYLE2">
				<el-input type="textarea" v-model="human_histroy_records" readonly></el-input>
			</td>
		</tr>
		<tr>
			<td class="TD_STYLE1">
				家庭关系信息
			</td>
			<td colspan="7" class="TD_STYLE2">
				<el-input type="textarea" v-model="human_family_membership" readonly></el-input>
			</td>
		</tr>
		<tr>
			<td class="TD_STYLE1">
				备注
			</td>
			<td colspan="7" class="TD_STYLE2">
				<el-input type="textarea" v-model="remark" readonly></el-input>
			</td>
		</tr>
	</table>

</div>

<script type="text/javascript">
	var vm = new Vue({
		el: "#app",
		data: {
			input: "",
			huf_id: "",
			human_id: "",
			first_kind_name: "",
			second_kind_name: "",
			third_kind_name: "",
			human_major_kind_name: "",
			human_major_name: "",
			human_name: "",
			human_sex: "",
			human_address: "",
			human_postcode: "",
			human_pro_designation: "",
			human_telephone: "",
			human_bank: "",
			human_account: "",
			human_qq: "",
			human_hobby: "",
			human_speciality: "",
			human_religion: "",
			human_party: "",
			human_nationality: "",
			human_race: "",
			human_birthday: "",
			human_age: "",
			human_educated_degree: "",
			human_educated_years: "",
			human_educated_major: "",
			human_society_security_id: "",
			human_id_card: "",
			remark: "",
			salary_standard_name: "",
			human_picture: "",
			checker: "",
			check_time: "",
			attachment_name: "",
			human_family_membership: "",
			human_histroy_records: "",
			human_email: "",
			human_mobilephone: "",
			human_birthplace: "",
			fujian: "",
			href: "",
			//图片
			imageUrl: '',
			//文档
			fileList: [],
		},
		methods: {
			FanHui() {
				location.href = "/RenLiZiYuanDangAnGuanLi/DangAnChaXun";
			}
		},
		mounted() {
			var model = JSON.parse('@Html.Raw(ViewBag.Model)');
			console.log(model)
			this.huf_id = model[0].huf_id;
			this.human_id = model[0].human_id;
			this.first_kind_name = model[0].first_kind_name;
			this.second_kind_name = model[0].second_kind_name;
			this.third_kind_name = model[0].third_kind_name;
			this.human_major_kind_name = model[0].human_major_kind_name;
			this.human_major_name = model[0].human_major_name;
			this.human_name = model[0].human_name;
			this.human_sex = model[0].human_sex;
			this.human_address = model[0].human_address;
			this.human_postcode = model[0].human_postcode;
			this.human_pro_designation = model[0].human_pro_designation;
			this.human_telephone = model[0].human_telephone;
			this.human_bank = model[0].human_bank;
			this.human_account = model[0].human_account;
			this.human_qq = model[0].human_qq;
			this.human_hobby = model[0].human_hobby;
			this.human_speciality = model[0].human_speciality;
			this.human_religion = model[0].human_religion;
			this.human_party = model[0].human_party;
			this.human_nationality = model[0].human_nationality;
			this.human_race = model[0].human_race;
			this.human_birthday = model[0].human_birthday;
			this.human_age = model[0].human_age;
			this.human_educated_degree = model[0].human_educated_degree;
			this.human_educated_years = model[0].human_educated_years;
			this.human_educated_major = model[0].human_educated_major;
			this.human_society_security_id = model[0].human_society_security_id;
			this.human_id_card = model[0].human_id_card;
			this.remark = model[0].remark;
			this.salary_standard_name = model[0].salary_standard_name;
			this.imageUrl = model[0].human_picture;
			this.href = "../File/" + model[0].attachment_name;
			this.fujian = model[0].attachment_name;
			this.human_family_membership = model[0].human_family_membership;
			this.human_histroy_records = model[0].human_histroy_records;
			this.human_email = model[0].human_email;
			this.human_mobilephone = model[0].human_mobilephone;
			this.human_birthplace = model[0].human_birthplace;
			this.checker=model[0].checker;
			this.check_time=model[0].check_time;
		}
	})
</script>
<style scoped>
	* {
		font-size: 13px;
		border-collapse: collapse;
	}

	.TD_STYLE1 {
		background-color: white;
	}

	.INPUT_STYLE2 {
		BACKGROUND-COLOR: #FFFFCC;
		width: 100%;
	}

	.TABLE_STYLE1 {
		width: 90%;
	}

	.avatar-uploader .el-upload {
		border: 1px dashed #d9d9d9;
		border-radius: 6px;
		cursor: pointer;
		position: relative;
		overflow: hidden;
	}

		.avatar-uploader .el-upload:hover {
			border-color: #409EFF;
		}

	.avatar-uploader-icon {
		font-size: 28px;
		color: #8c939d;
		width: 178px;
		height: 178px;
		line-height: 178px;
		text-align: center;
	}

	.avatar {
		width: 178px;
		height: 178px;
		display: block;
	}
</style>


